<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8" />
    <script src="../js/flexible.debug.js"></script>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <script src="../js/flexible_css.debug.js"></script>
    <link rel="stylesheet" href="../style/overallCss.css">
    <link rel="stylesheet" href="../css/shouye.css">
    <link rel="stylesheet" href="../style/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="../css/shouye_swiper.css">
    <title>首页</title>
</head>
    <header class="header">
        <div class="left"><img src="../images/shouye_03.png"><i>双人凉席</i></div>
        <img src="../images/shouye_05.png" class="right">
    </header><!-- /header -->
    <div class="banner">
        <div class="lunbo swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="../images/shouye_09.png"></div>
                <div class="swiper-slide"><img src="../images/__16.png"></div>
                <div class="swiper-slide"><img src="../images/__17.png"></div>
                <div class="swiper-slide"><img src="../images/__18.png"></div>
            </div>
        </div>
        <div class="bottom">
            <dl>
                <dt><img src="../images/shouye_12.png"></dt>
                <dd>9块9</dd>
            </dl>
            <dl>
                <dt><img src="../images/shouye_12.png"></dt>
                <dd>9块9</dd>
            </dl>
            <dl>
                <dt><img src="../images/shouye_12.png"></dt>
                <dd>9块9</dd>
            </dl>
            <dl>
                <dt><img src="../images/shouye_12.png"></dt>
                <dd>9块9</dd>
            </dl>
            <dl>
                <dt><img src="../images/shouye_12.png"></dt>
                <dd>9块9</dd>
            </dl>
        </div>
    </div>
    <div class="banner_two ">
        <img src="../images/shouye_24.png">
    </div>
    <main class="main">
        <dl class="left">
            <dd><i><img src="../images/shouye_27.png"></i><i class="i">限时抢购</i></dd>
            <dd class="dd_two">
                <i>00</i>:
                <i>00</i>:
                <i>00</i>
            </dd>
            <dt><img src="../images/shouye_36.png"></dt>
        </dl>
        <div class="right">
            <dl class="top">
                <div class="dd_wrap">
                    <dd><i><img src="../images/shouye_29.png"></i><i class="i">限时抢购</i></dd>
                    <dd class="center">23.9元钱够鸿星尔克</dd>
                </div>
                <dt><img src="../images/shouye_31.png"></dt>
            </dl>
            <dl class="bottom">
                <dd><i><img src="../images/shouye_29.png"></i><i class="i">限时抢购</i></dd>
                <dd class="center">23.9元钱够鸿星尔克</dd>
                <dt><img src="../images/shouye_45.png" class="img_bottom"></dt>
            </dl>
            <dl class="bottom">
                <dd><i><img src="../images/shouye_29.png"></i><i class="i">限时抢购</i></dd>
                <dd class="center">23.9元钱够鸿星尔克</dd>
                <dt><img src="../images/shouye_47.png" class="img_bottom"></dt>
            </dl>
        </div>
    </main>
    <div class="tab">
        <h5><i><img src="../images/__03.png"></i><i class="center">今日特卖</i> <i>每日九点更新</i></h5>
        <div class="tab_swiper">
            <!-- Swiper -->
            <div class="swiper-container tabs">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><a class="active">今日特卖</a></div>
                    <div class="swiper-slide"><a>每日穿搭</a></div>
                    <div class="swiper-slide"><a>极致美护</a></div>
                    <div class="swiper-slide"><a>潮妈萌娃</a></div>
                    <div class="swiper-slide"><a>每日穿搭</a></div>
                    <div class="swiper-slide"><a>极致美护</a></div>
                    <div class="swiper-slide"><a>潮妈萌娃</a></div>
                </div>
            </div>
            <div class="swiper-container" id="tabs-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide temai">
                        <img src="../images/__07.png" class="top_img">
                        <div class="dll">
                            <dl>
                                <dt><img src="../images/__11.png"></dt>
                                <dd>泊泉雅蚕食泛白30片</dd>
                                <dd>￥23.9</dd>
                            </dl>
                            <dl>
                                <dt><img src="../images/__13.png"></dt>
                                <dd>泊泉雅蚕食泛白30片</dd>
                                <dd>￥23.9</dd>
                            </dl>
                            <dl>
                                <dt><img src="../images/__15.png"></dt>
                                <dd>泊泉雅蚕食泛白30片</dd>
                                <dd>￥23.9</dd>
                            </dl>
                        </div>
                        <ul class="temai_list">
                            <li>
                                <img src="../images/hanhou_02.png">
                                <h5><span>沙丁与 满85减20</span><i>今日上新</i></h5>
                            </li>
                            <li>
                                <img src="../images/hanhou_02.png">
                                <h5><span>沙丁与 满85减20</span><i>今日上新</i></h5>
                            </li>
                            <li>
                                <img src="../images/hanhou_02.png">
                                <h5><span>沙丁与 满85减20</span><i>今日上新</i></h5>
                            </li>
                            <li>
                                <img src="../images/hanhou_02.png">
                                <h5><span>沙丁与 满85减20</span><i>今日上新</i></h5>
                            </li>
                        </ul>
                    </div>
                    <div class="swiper-slide temai">
                        <img src="../images/__07.png" class="top_img">
                        <div class="dll">
                            <dl>
                                <dt><img src="../images/__11.png"></dt>
                                <dd>泊泉雅蚕食泛白30片</dd>
                                <dd>￥23.9</dd>
                            </dl>
                            <dl>
                                <dt><img src="../images/__13.png"></dt>
                                <dd>泊泉雅蚕食泛白30片</dd>
                                <dd>￥23.9</dd>
                            </dl>
                            <dl>
                                <dt><img src="../images/__15.png"></dt>
                                <dd>泊泉雅蚕食泛白30片</dd>
                                <dd>￥23.9</dd>
                            </dl>
                        </div>
                        <ul class="temai_list">
                            <li>
                                <img src="../images/hanhou_02.png">
                                <h5><span>沙丁与 满85减20</span><i>今日上新</i></h5>
                            </li>
                            <li>
                                <img src="../images/hanhou_02.png">
                                <h5><span>沙丁与 满85减20</span><i>今日上新</i></h5>
                            </li>
                            <li>
                                <img src="../images/hanhou_02.png">
                                <h5><span>沙丁与 满85减20</span><i>今日上新</i></h5>
                            </li>
                            <li>
                                <img src="../images/hanhou_02.png">
                                <h5><span>沙丁与 满85减20</span><i>今日上新</i></h5>
                            </li>
                        </ul>
                    </div>
                    <div class="swiper-slide temai">
                        <img src="../images/__07.png" class="top_img">
                        <div class="dll">
                            <dl>
                                <dt><img src="../images/__11.png"></dt>
                                <dd>泊泉雅蚕食泛白30片</dd>
                                <dd>￥23.9</dd>
                            </dl>
                            <dl>
                                <dt><img src="../images/__13.png"></dt>
                                <dd>泊泉雅蚕食泛白30片</dd>
                                <dd>￥23.9</dd>
                            </dl>
                            <dl>
                                <dt><img src="../images/__15.png"></dt>
                                <dd>泊泉雅蚕食泛白30片</dd>
                                <dd>￥23.9</dd>
                            </dl>
                        </div>
                        <ul class="temai_list">
                            <li>
                                <img src="../images/hanhou_02.png">
                                <h5><span>沙丁与 满85减20</span><i>今日上新</i></h5>
                            </li>
                            <li>
                                <img src="../images/hanhou_02.png">
                                <h5><span>沙丁与 满85减20</span><i>今日上新</i></h5>
                            </li>
                            <li>
                                <img src="../images/hanhou_02.png">
                                <h5><span>沙丁与 满85减20</span><i>今日上新</i></h5>
                            </li>
                            <li>
                                <img src="../images/hanhou_02.png">
                                <h5><span>沙丁与 满85减20</span><i>今日上新</i></h5>
                            </li>
                        </ul>
                    </div>
                    <div class="swiper-slide temai">
                        <img src="../images/__07.png" class="top_img">
                        <div class="dll">
                            <dl>
                                <dt><img src="../images/__11.png"></dt>
                                <dd>泊泉雅蚕食泛白30片</dd>
                                <dd>￥23.9</dd>
                            </dl>
                            <dl>
                                <dt><img src="../images/__13.png"></dt>
                                <dd>泊泉雅蚕食泛白30片</dd>
                                <dd>￥23.9</dd>
                            </dl>
                            <dl>
                                <dt><img src="../images/__15.png"></dt>
                                <dd>泊泉雅蚕食泛白30片</dd>
                                <dd>￥23.9</dd>
                            </dl>
                        </div>
                        <ul class="temai_list">
                            <li>
                                <img src="../images/hanhou_02.png">
                                <h5><span>沙丁与 满85减20</span><i>今日上新</i></h5>
                            </li>
                            <li>
                                <img src="../images/hanhou_02.png">
                                <h5><span>沙丁与 满85减20</span><i>今日上新</i></h5>
                            </li>
                            <li>
                                <img src="../images/hanhou_02.png">
                                <h5><span>沙丁与 满85减20</span><i>今日上新</i></h5>
                            </li>
                            <li>
                                <img src="../images/hanhou_02.png">
                                <h5><span>沙丁与 满85减20</span><i>今日上新</i></h5>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer class="footer">
        <dl class="f_shou">
            <dt><img src="../images/A-.png"></dt>
            <dd>首页</dd>
        </dl>
        <dl class="f_fen">
            <dt><img src="../images/B.png"></dt>
            <dd>分类</dd>
        </dl>
        <dl class="f_chao">
            <dt><img src="../images/ABC.png"></dt>
            <dd>潮青年</dd>
        </dl>
        <dl class="f_gou">
            <dt><img src="../images/C.png"></dt>
            <dd>购物车</dd>
        </dl>
        <dl class="f_wo">
            <dt><img src="../images/D.png"></dt>
            <dd>我的</dd>
        </dl>
    </footer>
    <script src="../js/jquery-1.12.4.min.js"></script>
    <script src="../js/swiper-3.4.2.min.js"></script>
    <script src="../script/shouye_swiper_tab.js"></script>
    <script src="../script/location.js"></script>
    <script src="../script/shouye.js"></script>
    <script>
        $('.tabs').addClass('pos0')
        $(window).scroll(function(){
            var a =  $(this).height();
            var b = $(this).scrollTop();

            console.log(b);
            // console.log(a);
            if(b >= 1140){
                $('.tabs').removeClass('pos0')
                $('.tabs').addClass('pos')
            }else{
                $('.tabs').addClass('pos0')
                $('.tabs').removeClass('pos')
            }
        });
    </script>
</body>
</html>